<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>HTML Lists</h1>
<h3>Unordered HTML List</h3>
<ul style="list-style-type: disc">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<ul style="list-style-type: circle">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<ul style="list-style-type: square">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<ul style="list-style-type: none">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ul>
<hr>
<h3>Ordered HTML List</h3>
<ol type="1">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<ol type="A">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<ol type="i">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
<hr>
<h3>HTML Description Lists</h3>
<dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
</dl>
<hr>
<h3>Nested HTML Lists</h3>
<ul>
    <li>Coffee</li>
    <li>Tea
        <ul>
            <li>Black tea</li>
            <li>Green tea</li>
        </ul>
    </li>
    <li>Milk</li>
</ul>
</body>
</html>